<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的</title>
</head>

<body>
    <div class="app-myhome dpflex fdcolumn">
        <!-- 用户头像 -->
        <div class="user-box pd16 dpflex fdcolumn">
            <!-- 用户头像框 -->
            <a href="./modify-info.html" class="userimg-box dpflex mb20 mt8">
                <b class="overimg mr16">
                    <img src="../imgs/user-img.jpg" alt="">
                </b>
                <span class="username f22">用户名</span>
            </a>
            <!-- 个性签名 -->
            <p class="usertitle-box dpflex"><span class="usertitle">个性签名: </span><span
                    class="usertext">XXXXXXXXXXXXXXXXXXXXXXXXXX</span></p>
        </div>

        <!-- 运动数据 -->
        <div class="movement-data-box pd16 mt20">
            <a href="./sprotData.html" class="colro-000">
                <!-- 运动数据标题 -->
                <div class="movement-data-title mb16 dpflex justspacebt">
                    <p>
                        <i class="iconfont icon-data f18 colro-4294FF"></i>
                        <span>运动数据</span>
                    </p>
                    <i class="iconfont icon-next f18"></i>
                </div>
                <div class="movement-data-body dpflex">
                    <!-- 总时间 -->
                    <div class="flex1 dpflex fdcolumn justspacebt br">
                        <span>总运动</span>
                        <p><span class="move-timer f40 colro-4294FF">99999</span>分钟</p>
                    </div>
                    <!-- 总卡路里 -->
                    <div class="flex1 dpflex fdcolumn justspacebt pl8">
                        <span>本周消耗</span>
                        <p><span class="move-consume f40 colro-4294FF">99999</span>千卡</p>
                    </div>
                </div>
            </a>
        </div>

        <!-- 徽章 -->
        <div class="movement-badge-box pd16 mt20">
            <div class="movement-badge-title mb16 dpflex justspacebt">
                <p>
                    <i class="iconfont icon-badge f18 colro-4294FF"></i>
                    <span>运动数据</span>
                </p>
                <i class="iconfont icon-next f18"></i>
            </div>
            <div class="movement-badge-body dpflex justspacebt">
                <b class="overimg"></b>
                <b class="overimg"></b>
                <b class="overimg"></b>
            </div>
        </div>

        <button class="outlogin mt20">退出登录</button>
    </div>
</body>

</html>